<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>
<body>
    <!-- <div id="div1" style="font-size: 36px;"><span>我是一个div</span></div> -->
     <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>

     </ol>
    <script>
        // $("#div1").css("font-size","45px");
        // $("#div1").append("<p>我是一个p标签</p><br/>");
        // $("#div1").prepend("<h1>我是一个h1标签</h1>");
        // $("#div1").after("<div>我在后面</div>");
        // $("#div1").before("<div>我在前面</div>");
        // $("ol").empty(); 
    </script>
</body>
</html>